<template>
	<!-- 基本信息 -->
 <view class="container">
   <view class="background-white">
     <view class="flex text bor-btm">
		 设备名称：<text>{{info.deviceName}}</text>
     </view>
     <view class="flex text bor-btm">
		 设备位号：<text>{{info.processTagNum}}</text>
     </view>
     <view class="flex text bor-btm">
		 检修部门：<text>{{info.examineDeptName}}</text>
     </view>
     <view class="flex text bor-btm">
		 检修人员：<text>{{applyInfo.examineUserNamesLabel}}</text>
     </view>
     <view class="flex text bor-btm">
		 检修类型：<text>{{info.examineTypeLabel}}</text>
     </view>
     <view class="flex text bor-btm">
		 检修级别：<text>{{info.examineLevelLabel}}</text>
     </view>
     <view class="flex text bor-btm">
		 故障情况：<text>{{info.faultMsg}}</text>
     </view>
	 <view class="flex text bor-btm">
		 故障原因：<text>{{info.faultReason}}</text>
	 </view>
	 <view class="flex text bor-btm">
		 报备人：<text>{{info.createByUserName}}</text>
	 </view>
	 <view class="flex text bor-btm">
		 报备日期：<text>2022-12-01</text>
	 </view>
	 <view class="flex text bor-btm">
		 检修内容：<text>{{info.examineContent}}</text>
	 </view>
	 <view class="flex text bor-btm">
		 停车时间：<text>{{parkInfo.parkTime}}</text>
	 </view>
	 <view class="flex text bor-btm">
		 总费用：<text>{{checkInfoDto.totalCost}} 万元</text>
	 </view>
	 <view class="flex text bor-btm">
		 配件费用：<text>{{checkInfoDto.partsCost}} 万元</text>
	 </view>
	 <view class="flex text bor-btm">
		 其他费用：<text>{{checkInfoDto.otherCost}} 万元</text>
	 </view>
   </view>
 </view>
</template>

<script>
	export default{
		props: {
			info: {
				type: Object
			}
		},
		data(){
			return{
				applyInfo: {},
				checkInfoDto: {},
				parkInfo: {}
			}
		},
		watch: {
			info(n, o) {
				console.log('n', n)
				this.applyInfo = n.applyInfo ? n.applyInfo : {},
				this.checkInfoDto = n.checkInfoDto ? n.checkInfoDto : {},
				this.parkInfo = n.parkInfo ? n.parkInfo : {}
			}
		},
		methods:{
			
		}
	}
</script>

<style lang="scss" scoped>
	
	.container {
	  .background-white {
	    background-color: #fff;
	    padding: 20rpx 30rpx;
	    box-sizing: border-box;
	
	    .uni-forms-item__label {
	      color: #333;
	      font-size: 30rpx;
	    }
	
	    .bor-btm {
	      display: flex;
	      border-bottom: 1px solid #d5d7e3;
	    }
	
	    .photo {
	      display: flex;
	      justify-content: space-between;
	
	      image {
	        width: 214rpx;
	        height: 214rpx;
	      }
	    }
	
	    .text {
	      padding-bottom: 20rpx;
	      padding-top: 4rpx;
	      color: #333;
	
	      text {
	        color: #666;
	      }
	    }
	  }
	}
	
	.hidden-title {
	  background: #f5f5f5;
	  padding: 20rpx;
	  color: #999;
	}
	
	.bor-top {
	  border-top: 20rpx solid #f5f5f5;
	}
	
	.submit-group {
	  background: #fff;
	  z-index: 9;
	  padding: 30px;
	}
	.u-button {
	  width: 600rpx;
	}
</style>
